<!DOCTYPE html>
<html>
  <head>
    <title>年会抽奖</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
    />
    <!-- <link rel="stylesheet" href="./index.css"> -->
    <script>
      document.documentElement.style.fontSize = window.innerHeight / 200 + "px";
    </script>
  </head>

  <body>
    <script src="./lib/three.min.js"></script>
    <script src="./lib/tween.min.js"></script>
    <script src="./lib/TrackballControls.js"></script>
    <script src="./lib/CSS3DRenderer.js"></script>
    <script src="./lib/ajax.js"></script>

    <div class="canvas-box">
      <canvas id="canvas">你的浏览器不支持canvas</canvas>
    </div>

    <div class="music">
      <audio
        id="music"
        src="./data/music.mp3"
        class="music-item"
        loop
        muted
      ></audio>
      <div
        id="musicBox"
        class="music-box"
        title="播放/暂停背景音乐"
        style="display: none"
      >
        Music
      </div>
    </div>

    <div id="app" style="opacity: 0">
      <div id="left-container">
        <div id="prizeBar"></div>
        <div id="menu">
          <button id="enter">进入抽奖</button>
          <div id="lotteryBar" class="none">
            <button id="lottery">开始抽奖</button>
            <button id="returnLottery" class="none">保存结果</button>
          </div>
          <div id="buttonpane">
            <button id="reLottery">
              <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
              <svg
                width="0"
                height="0"
                viewBox="0 0 24 24"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M21 3V8M21 8H16M21 8L18 5.29168C16.4077 3.86656 14.3051 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.2832 21 19.8675 18.008 20.777 14"
                  stroke="#000000"
                  stroke-width="2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <button id="save">
              <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
              <svg
                width="0"
                height="0"
                viewBox="0 0 24 24"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M12 5L11.2929 4.29289L12 3.58579L12.7071 4.29289L12 5ZM13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14L13 14ZM6.29289 9.29289L11.2929 4.29289L12.7071 5.70711L7.70711 10.7071L6.29289 9.29289ZM12.7071 4.29289L17.7071 9.29289L16.2929 10.7071L11.2929 5.70711L12.7071 4.29289ZM13 5L13 14L11 14L11 5L13 5Z"
                  fill="#33363F"
                />
                <path
                  d="M5 16L5 17C5 18.1046 5.89543 19 7 19L17 19C18.1046 19 19 18.1046 19 17V16"
                  stroke="#33363F"
                  stroke-width="2"
                />
              </svg>
            </button>
            <button id="reset"></button>
          </div>
        </div>
      </div>

      <div id="container"></div>
    </div>

    <div
      id="startup"
      onclick="document.getElementById('startup').style.display='none',document.getElementById('app').style.opacity=1"
    >
      <div></div>
    </div>

    <div class="qipao-container"></div>
  </body>
</html>
